<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旋转按钮</title>
</head>
<style>
    img{
        transition: all 2s ease;
    }
      img:hover{
        transform: rotate(360deg) scale(1.2) ;
      }
</style>
<body>
<ul>
  <li><a href="#"><img src="img/delicious.png" alt=""></a></li>
  <li><a href="#"><img src="img/delicious.png" alt=""></a></li>
  <li><a href="#"><img src="img/delicious.png" alt=""></a></li>
  <li><a href="#"><img src="img/delicious.png" alt=""></a></li>
  <li><a href="#"><img src="img/delicious.png" alt=""></a></li>
</ul>
</body>
</html>